<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单选框和多选框</title>
</head>
<body>
<!--要显式的表明文本，value是表单提交时，提交的值-->
<!--确保两个单选框使用同一个name，要不然会发现能同时选两个-->
<p> 性别 ：
  <input type="radio" value="男" name="性别" >男
  <input type="radio" value="女" name="性别" >女
</p>
<!--与单选框一样的，只是把radio变成checkbox-->
<p>
  <input type="checkbox" name="爱好" value="吃饭">吃饭
  <input type="checkbox" name="爱好" value="睡觉">睡觉
  <input type="checkbox" name="爱好" value="读书">读书
  <input type="checkbox" name="爱好" value="看报">看报
</p>
</body>
</html>